@charset "utf-8";
@import url(common.css);


/*home s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; height:calc(100vh - 1.2rem);}
.HomeBan .item{ position:relative;height:calc(100vh - 1.2rem);}
.HomeBan .desc{ z-index:10; position:absolute; width:16rem;left:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;}
.HomeBan .desc .txt{max-width: 7.16rem;text-align: center;}
.HomeBan .desc .txt h2{font-size: 0.84rem;font-weight: normal;line-height: 1.8;}
.HomeBan .desc .txt h3{font-size: 0.26rem;font-weight: normal;line-height: 1.8;}
.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .imgbox img{display: block;}
.HomeBan video{object-fit: cover;background:#000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}

.HomeBan:hover .slick-prev{left: 3%;}
.HomeBan:hover .slick-next{right: 3%;}
.HomeBan .slick-arrow{background-color:rgba(23,15,95,0.2);}

.HomeBan .slick-dots{left: auto;right: 0.7rem;bottom: 0.5rem;text-align: center;width: 32px;}
.HomeBan .slick-dots li{position: relative;transition: all 0.3s;margin: 0 0 0.15rem;overflow: hidden;}
.HomeBan .slick-dots li:After{content: "";position: absolute;height: 0;background:rgba(255,255,255,0.5);width: 1px;top: 32px;}
.HomeBan .slick-dots li.slick-active{padding-bottom: 0.94rem;}
.HomeBan .slick-dots li.slick-active:After{height: 0.94rem;}
.HomeBan .slick-dots li button{width:32px;height:32px;line-height:32px;border-radius:0;background:transparent !important;border:0 !important;font-size: 16px;color:#fff;}
.HomeBan .slick-dots li.slick-active button{border:2px solid #fff;background:#fff;}

.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;width:30px; position:absolute; bottom:60px; left:0.38rem; z-index:999; text-align:center;line-height: 18px;font-size: 18px;cursor: pointer;height: 84px;overflow: hidden;}
.downarr span{display: block;height: 42px;border:1px solid #fff;border-radius: 15px;position: relative;}
.downarr span:After{position: absolute;left: 50%;top: 11px;width: 2px;content: "";background:#fff;margin-left: -1px;height: 10px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
@keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.2rem; opacity:1;}
100% { top:0.4rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}

@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}
@media(max-width:1600px){
	.HomeBan .desc{width: 90%;}
}
@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .imgbox{position: relative;height: auto;padding-top: 50%;}
	.HomeBan .slick-dots{width:100%;right: 0;}
 .HomeBan .slick-dots li.slick-active,.HomeBan  .slick-dots li.slick-active button,.HomeBan  .slick-dots li button{width: 20px;height: 20px;line-height: 20px;}
	.HomeBan .slick-dots li.slick-active{padding-bottom: 0;padding-right: 30px;}
 .HomeBan .slick-dots li{margin:0 10px;overflow: visible;padding:0 10px 0;}
 .HomeBan .slick-dots li:After{height: 1px;width: 0;top: 50%;left: 20px;}
 .HomeBan .slick-dots li.slick-active{padding:0 30px 0 0;}
 .HomeBan .slick-dots li.slick-active:After{height: 1px;width: 30px;}
}
@media(max-width:768px){
	.HomeBan .imgbox{padding-top: 60%;}
	.HomeBan .desc .txt h2{font-size: 20px;}
	.HomeBan .desc .txt h3{font-size: 14px;}
	.HomeBan .slick-dots li{margin:0 5px;overflow: visible;padding:0 10px 0;}
	.downarr{width: 20px;bottom: 0px;}
	.downarr span{height: 33px;}
}

.TitHead h2{font-size: 0.74rem;color:#ffffff;line-height: 1.8;position: relative;font-weight: normal;}
.TitHead .desc{color:#fff;color:#666666;font-size: 0.2rem;line-height: 1.75;}
.TitHead.white h2,.TitHead.white .desc{color:#fff;}
.TitHead .desc .name{font-size: 0.26rem;margin-bottom: 0.2rem;}
.TitHead .desc .f36{font-size: 0.36rem;}
.TitHead .desc .txt{margin-bottom: 0.47rem;}

.HomeAbout{position: relative;background:url(../images/aboutbg.jpg) right bottom no-repeat;background-size: cover;overflow: hidden;background-attachment: fixed;clear: both;}
.HomeAbout .imgbox{width: 100%;height: 100%;left: 0;bottom: 0;position: absolute;}
.HomeAbout .imgbox span{background-attachment: fixed;background-position: 0px center;}
.HomeAbout .Info{width: 7.36rem;float: right;color:#ffffff;font-size: 0.2rem;position: relative;z-index: 1;}
.HomeAbout .txt{padding:0.2rem 0 0.5rem;position: relative;}
.HomeAbout .txt:After{left: 0;top: 0;content: "";width: 0.79rem;height: 2px;background:#dedfe2;position: absolute;}
.numlist{display: flex;justify-content: space-between;margin-bottom: 0.45rem;}
.numlist .num{width: 1.98rem;line-height: 1.5;color:#ffffff;}
.numlist .num span{font-size: 0.6rem;}
.numlist .num sup{font-size: 0.24rem;display: inline-block;vertical-align: top;}

.HomeBusiness{overflow: hidden;}
.HomeBusiness .List{margin: 0.5rem 0 0 -0.25rem;}
.HomeBusiness .List .item{width: 20%;float: left;padding-left: 0.25rem;margin-bottom: -30px;}
.HomeBusiness .List .imgbox{padding-top: 3.8rem;}
.HomeBusiness .List .tit{line-height: 1.6;margin-top: 10px;font-size: 0.26rem;color:#000f27;}
.HomeBusiness .List .desc{color:#666666;font-size: 0.18rem;height: 30px;transform: translateY(-30px);transition: all 0.3s;opacity: 0;}
.HomeBusiness .List .item:hover .desc{transform: translateY(0);opacity: 1;}

.HomeCol{height:calc(100vh - 80px);overflow: hidden;position: relative;}
.HomeCol .item{height:calc(100vh - 80px);position: relative;}
.HomeCol .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeCol .desc{color:#fff;position: relative;z-index: 2;max-width: 6.84rem;}

.HomeCol .slick-dots li{margin:0 6px;}
.HomeCol .slick-dots li button{width: 0.4rem;height: 0.08rem;border-radius: 5px;background:#fff;border:0 !important;}
.HomeCol .slick-dots li.slick-active button{background:#00a1e3;}

.HomeCol .slick-arrow{background-color:rgba(23,15,95,0.2);}
.HomeCol:hover .slick-prev{left: 3%;}
.HomeCol:hover .slick-next{right: 3%;}

.SingleTW{overflow: hidden;}
.SingleTW .imgbox{width: 59%;}
.SingleTW .imgbox img{width: 100%;}
.SingleTW .info{padding-left: 5%;}

.HomeNews{background:#00a1e3;overflow: hidden;}
.HomeNews .Left{width: 61%;float: left;}
.HomeNews .Left ul{margin-left: -0.18rem;}
.HomeNews .Left .item{width: 50%;float: left;padding-left: 0.18rem;}
.HomeNews .Left .item a{display: block;position: relative;color:#fff;}
.HomeNews .Left .imgbox{padding-top: 5.7rem;}
.HomeNews .Left .imgbox:After{content: "";left: 0;bottom: 0;z-index: 1;width: 100%;height: 50%;position: absolute;background-image: linear-gradient(rgba(4,128,179,0), rgba(4,128,179,0.8));transition: all 0.3s;}
.HomeNews .Left .info{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;padding:0 0.5rem 0.5rem;}
.HomeNews .Left .tag{display: inline-block;font-size: 0.18rem;border-radius: 5px;padding:0 13px;border:1px solid #fff;}
.HomeNews .Left .date{font-size: 0.2rem;}
.HomeNews .Left .ti{font-size: 0.24rem;line-height: 1.5;margin: 0.25rem 0 8px;}
.HomeNews .Left .item:hover .imgbox:after{height: 100%;}

.HomeNews .List{width: 39%;float: left;background:#fff;height: 5.7rem;padding:0.26rem 0.6rem 0.18rem;}
.HomeNews .List .item{padding: 0.3rem 0 0.26rem;position: relative;}
.HomeNews .List .item:After{position: absolute;left: 0;bottom: 0;width: 60%;height: 2px;background:#e8eef2;content: "";transition: all 0.3s;}
.HomeNews .List .date{color: #d1d1d1;font-size: 0.2rem;margin-top: 8px;}
.HomeNews .List .ti{color:#666666;font-size: 0.22rem;}
.HomeNews .List .item:hover .ti{color:#00a1e3;}
.HomeNews .List .item:hover:after{width: 100%;background:#00a1e3;}
.HomeNews .List .item:last-child:After{display: none;}

@media(max-width:1024px){
	.HomeAbout .imgbox span{background-attachment:inherit;}
	.HomeAbout .Info{width: auto;background:rgba(255,255,255,0.8);padding:0.5rem;}

	.HomeCol{height: auto;}
	.HomeCol .item{height: auto;padding-bottom: 1.15rem;}

	.HomeNews .Left{width: auto;float: none;margin-bottom: 20px;}
	.HomeNews .List{width: auto;float: none; clear: both; height: auto;}
}
@media(max-width:767px){
	.TitHead h2{font-size: 20px;margin-bottom: 10px;}
	.TitHead .desc,.HomeAbout .Info{font-size: 14px;}
	.TitHead .desc .name{font-size: 16px;}

	.numlist .num{font-size: 28px;}

	.HomeBusiness{padding-bottom: 0.6rem;}
	.HomeBusiness .List .item{width: 33.333%;padding-bottom: 0.35rem;margin-bottom: -18px;}
	.HomeBusiness .List .item:hover .desc{transform: translateY(-6px);}
	.HomeBusiness .List .tit{font-size: 14px;}
	.HomeBusiness .List .item:nth-child(4),
	.HomeBusiness .List .item:nth-child(5){width: 50%;}

	.SingleTW .imgbox{display: block;width: auto;}
	.SingleTW .info{display: block;padding:0.4rem 0 0 0;}

	.HomeNews .Left .info{padding:15px;}
	.HomeNews .Left .ti,.HomeNews .Left .tag,.HomeNews .Left .date,.HomeNews .List .ti,.HomeNews .List .date{font-size: 14px;}
}